<template>
	<div class="mui-numbox" data-numbox-min='1' data-numbox-max='max'>
		<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
		<input id="test" class="mui-input-numbox" type="number" value="1" @change="countChange" ref="numbox"/>
		<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
	</div>
</template>

<script>
	import mui from '../../lib/mui/dist/js/mui.min.js'
	export default {
		mounted () {
			mui('.mui-numbox').numbox().setOption('step',1);
		},
		methods: {
			countChange() {
				this.$emit('getcount', parseInt(this.$refs.numbox.value))
			}
		},
		props:["max"],
		watch: {
			//属性监听
			'max': function (newVal, oldVal) {
				mui('.mui-numbox').numbox().setOption("max", newVal)
			}
		}
	}

</script>

<style>
	

</style>